<template>
  <tui-no-data :img-url="imgUrl" :img-width="imgWidth" :img-height="imgHeight">
    <text class="text-30 color-t3 updatas" :style="{fontSize,color}">{{ text }}</text>
    <slot />
  </tui-no-data>
</template>

<script>
export default {
  name: 'LNoData',
  props: {
    text: {
      type: String,
      default: ''
    },
    type: { // repair:维修计划  order:订单  search:搜索  network:网络  data:数据  order:订单  message:消息  permission:无权限
      type: String,
      default: 'data'
    },
    // 图片宽度
    imgWidth: {
      type: Number,
      default: 440
    },
    // 图片高度
    imgHeight: {
      type: Number,
      default: 368
    },
    fontSize: {
      type: String,
      default: '30rpx'
    },
    color: {
      type: String,
      default: '#999'
    }
  },
  computed: {
    imgUrl() {
      if (this.type) {
        return `https://tbb-file.oss-cn-shenzhen.aliyuncs.com/tbb_admin_app/static/no_data_${this.type}.png`
      }
      return ''
    }
  }
}
</script>

<style scoped>
.updatas{
	width: max-content !important;
}
</style>
